<template>
        <div id="main" class="home">
                <!--服务领域-->
                <div class="serviceArea">
                        <div class="title">服务领域</div>
                        <div class="lin"></div>
                        <div class="serviceArea_items">
                                <div class="items first_items">
                                        <a href="#">
                                                <div class="service_img">
                                                        <div class="service_img1"></div>
                                                        <img class="img_position_absolute"
                                                             src="../../../public/imgs/homepage_imgs/1.png">
                                                </div>

                                                <div class="service_big_txt">
                                                        代理医疗民事侵权事件
                                                </div>
                                                <div class="service_small_txt">
                                                        (介绍基本情况)
                                                </div>
                                        </a>
                                </div>

                                <div class="items second_items">
                                        <a href="#">
                                                <div class="service_img">
                                                        <div class="service_img1"></div>
                                                        <img class="img_position_absolute"
                                                             src="../../../public/imgs/homepage_imgs/2.png">
                                                </div>

                                                <div class="service_big_txt">
                                                        医疗纠纷案件处理
                                                </div>
                                                <div class="service_small_txt">
                                                        (介绍基本情况)
                                                </div>
                                        </a>
                                </div>

                                <div class="items third_items">
                                        <a href="#">
                                                <div class="service_img">
                                                        <div class="service_img1"></div>
                                                        <img class="img_position_absolute"
                                                             src="../../../public/imgs/homepage_imgs/3.png">
                                                </div>

                                                <div class="service_big_txt">
                                                        卫生法律法规咨询
                                                </div>
                                                <div class="service_small_txt">
                                                        (介绍基本情况)
                                                </div>
                                        </a>
                                </div>

                                <div class="items fourth_items">
                                        <a href="#">
                                                <div class="service_img">
                                                        <div class="service_img1"></div>
                                                        <img class="img_position_absolute"
                                                             src="../../../public/imgs/homepage_imgs/4.png">
                                                </div>

                                                <div class="service_big_txt">
                                                        卫生合同法领域事务
                                                </div>
                                                <div class="service_small_txt">
                                                        (介绍基本情况)
                                                </div>
                                        </a>
                                </div>
                        </div>

                </div>

                <!--了解更多-->
                <div class="learnMore">
                        <div class="lm_title">
                                <div class="lm_title_txt">了解更多</div>
                                <div class="more"></div>
                        </div>
                        <div class="Box_top">
                                <div class="news_dynamic">
                                        <div class="dynamic_top">
                                                <div class="dynamic_title">新闻动态</div>
                                        </div>
                                        <div class="dynamic_more">
                                                <a href="#" target="_blank">
                                                        <p style="color: #000000">更多+</p>
                                                </a>
                                        </div>
                                        <div style="clear: both;"></div>

                                        <div class="underline">
                                                <div class="underline"></div>
                                        </div>

                                        <div class="dynamic_down">
                                                <div class="dynamic_logo">
                                                        <a href="#">
                                                                <img class="hot_logo"
                                                                     src="../../../public/imgs/homepage_imgs/5.png">
                                                        </a>
                                                </div>
                                                <div class="dynamic_content">
                                                        <ul>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第一</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第二</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第三</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第四</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第五</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第六</p>
                                                                        </a>
                                                                </li>
                                                        </ul>
                                                </div>
                                        </div>


                                </div>

                                <div class="classic_case">
                                        <div class="case_top">
                                                <div class="case_title">经典案例</div>
                                        </div>
                                        <div class="case_more">
                                                <a href="#" target="_blank">
                                                        <p style="color: #000000">更多+</p>
                                                </a>
                                        </div>
                                        <div style="clear: both;"></div>

                                        <div class="underline">
                                                <div class="underline"></div>
                                        </div>

                                        <div class="case_down">
                                                <div class="case_logo">
                                                        <a href="#">
                                                                <img class="hot_logo"
                                                                     src="../../../public/imgs/homepage_imgs/6.png">
                                                        </a>
                                                </div>
                                                <div class="case_content">
                                                        <ul>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第一</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第二</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第三</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第四</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第五</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第六</p>
                                                                        </a>
                                                                </li>
                                                        </ul>
                                                </div>
                                        </div>
                                </div>

                        </div>

                        <div style="clear: both;"></div>

                        <div class="Box_bottom">
                                <div class="Laws_regulations">
                                        <div class="regulations_top">
                                                <div class="regulations_title">法律法规</div>
                                        </div>
                                        <div class="regulations_more">
                                                <a href="#" target="_blank">
                                                        <p style="color: #000000">更多+</p>
                                                </a>
                                        </div>
                                        <div style="clear: both;"></div>

                                        <div class="underline">
                                                <div class="underline"></div>
                                        </div>

                                        <div class="regulations_down">
                                                <div class="regulations_logo">
                                                        <a href="#">
                                                                <img class="Hot_logo"
                                                                     src="../../../public/imgs/homepage_imgs/7.png">
                                                        </a>
                                                </div>
                                                <div class="regulations_content">
                                                        <ul>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第一</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第二</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第三</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第四</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第五</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第六</p>
                                                                        </a>
                                                                </li>
                                                        </ul>
                                                </div>
                                        </div>
                                </div>

                                <div class="legal_research">
                                        <div class="research_top">
                                                <div class="dynamic_title">卫生法研究</div>
                                        </div>
                                        <div class="research_more">
                                                <a href="#">
                                                        <p style="color: #000000">更多+</p>
                                                </a>
                                        </div>
                                        <div style="clear: both;"></div>

                                        <div class="underline">
                                                <div class="underline"></div>
                                        </div>

                                        <div class="research_down">
                                                <div class="research_logo">
                                                        <a href="#" target="_blank">
                                                                <img class="hot_logo"
                                                                     src="../../../public/imgs/homepage_imgs/8.png">
                                                        </a>
                                                </div>
                                                <div class="research_content">
                                                        <ul>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第一</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第二</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第三</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第四</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第五</p>
                                                                        </a>
                                                                </li>
                                                                <li>
                                                                        <a href="#" target="_blank">
                                                                                <p>第六</p>
                                                                        </a>
                                                                </li>
                                                        </ul>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
</template>

<script>
    export default {
        name: "Home",
        data() {
            return {}
        },
        methods: {
            getData() {
                // this.$https.get('http://localhost:8080/gmu/user/allUser').then(res =>{
                //     console.log(res)
                // })
            },
        },
        mounted() {
            this.getData()
        }
    }
</script>

<style scoped src="../../../public/css/pc/homepage.css">

</style>
